.axiom-search-toolbar {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;

  &__fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
  }

  &__field-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  &__label {
    white-space: nowrap;
    color: var(--axiom-text-color-secondary);
    font-size: 14px;
  }

  &__actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  // --- 最终的、正确的、唯一的修复 ---

  // 1. 统一定义尺寸
  .el-input,
  .el-select {
    width: 240px;
  }
  
  .axiom-button {
    height: 36px;
  }

  // 2. 为原子组件应用 Axiom 框架的基础主题样式
  .el-input__wrapper,
  .el-select__wrapper {
    height: 36px;
    background-color: var(--bg-color-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius-base) !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;

    &:hover {
      border-color: var(--primary-color) !important;
    }
  }
  
  // 3. 为工具栏内的输入框和选择框设置特殊的、统一的字体颜色
  .el-input .el-input__inner,
  .el-select .el-select__wrapper .el-select__selected-item {
    color: var(--text-color) !important;
  }

  // 新增：确保占位符颜色也保持一致
  .el-input .el-input__inner::placeholder,
  .el-select .el-select__wrapper .el-select__placeholder {
    color: var(--text-color-secondary);
    opacity: 0.7; // 占位符稍作透明以示区分
  }
}

// 4. 为原子组件应用 Axiom 框架的特殊主题样式
html[data-theme='cyberpunk'] .axiom-search-toolbar,
html[data-theme='neon'] .axiom-search-toolbar,
html[data-theme='rainbow-cyber'] .axiom-search-toolbar {
  
  .el-input__wrapper,
  .el-select__wrapper {
    background: var(--glass-bg) !important;
    border: 1px solid var(--glass-border) !important;
    backdrop-filter: var(--backdrop-blur) !important;

    &:hover {
      border-color: var(--primary-color) !important;
    }
  }

  // 修正：统一使用 :focus-within 确保所有组件都能正确发光
  .el-input:focus-within .el-input__wrapper,
  .el-select:focus-within .el-select__wrapper {
      border-color: var(--primary-color-hover) !important;
      box-shadow: var(--primary-glow) !important;
  }
} 